<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>IFE task 8</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="wrap">
    <div class="col-md-4 col-sm-6"><div class="box"></div></div>
    <div class="col-md-4 col-sm-6"><div class="box"></div></div>
    <div class="col-md-4 col-sm-12"><div class="box"></div></div>
    <div class="col-md-3 col-sm-3"><div class="box"></div></div>
    <div class="col-md-6 col-sm-6"><div class="box"></div></div>
    <div class="col-md-3 col-sm-3"><div class="box"></div></div>
    <div class="col-md-1 col-sm-2"><div class="box"></div></div>
    <div class="col-md-1 col-sm-2"><div class="box"></div></div>
    <div class="col-md-2 col-sm-8"><div class="box"></div></div>
    <div class="col-md-2 col-sm-3"><div class="box"></div></div>
    <div class="col-md-6 col-sm-3"><div class="box"></div></div>
</div>

</body>
</html>